<!doctype html>
<html class="no-js" lang="">
    <head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html">

        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>mashangpai</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

		<!-- favicon
		============================================ -->


		<!-- Google Fonts
		============================================ -->
		<link href='../../../../css-OpenSans20030040050060070080.css' rel='stylesheet' type='text/css'>

		<!-- Bootstrap CSS
		============================================ -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
		<!-- Font Awesome CSS
		============================================ -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
		<!-- Mean Menu CSS
		============================================ -->
        <link rel="stylesheet" href="css/meanmenu.min.css">
		<!-- owl.carousel CSS
		============================================ -->
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/owl.theme.css">
        <link rel="stylesheet" href="css/owl.transitions.css">
		<!-- nivo-slider css
		============================================ -->
		<link rel="stylesheet" href="css/nivo-slider.css">
		<!-- Price slider css
		============================================ -->
		<link rel="stylesheet" href="css/jquery-ui-slider.css">
		<!-- Simple Lence css
		============================================ -->
		<link rel="stylesheet" type="text/css" href="css/jquery.simpleLens.css">
		<link rel="stylesheet" type="text/css" href="css/jquery.simpleGallery.css">
		<!-- normalize CSS
		============================================ -->
        <link rel="stylesheet" href="css/normalize.css">
		<!-- main CSS
		============================================ -->
        <link rel="stylesheet" href="css/main.css">
		<!-- style CSS
		============================================ -->
        <link rel="stylesheet" href="style.css">
		<!-- responsive CSS
		============================================ -->
        <link rel="stylesheet" href="css/responsive.css">
		<!-- modernizr JS
		============================================ -->
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>

    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

		<!-- Header Area -->
		<div id="item_box">
		<div class="header-area">
			<!-- Header Top -->
			<div class="header-top">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<!-- Header Top Bar-->
							<div class="header-top-bar">
								<div class="row">
									<div class="col-md-5">
										<!-- Header Top Left-->
										<div class="header-top-left">
											<div class="call-header">
												<p><i class="fa fa-phone"></i>请不要联系我们:<span> (+88) 01737803547</span></p>
											</div>
											<div class="header-login">
												<template v-if="item==1">
													<a href="login.html">登录</a>
												</template>
												<template v-if="item==0">
													<a href="login.html">取消登录</a>
												</template>
											</div>
										</div><!-- End Header Top Left-->
									</div>
									<div class="col-md-7">
										<!-- Header Top Right-->
										<div class="header-top-right">
											<!-- Header Link Area -->
											<div class="header-link-area">
												<div class="header-link">
													<ul>
														<li><a class="china" href="">中国<i class="fa fa-angle-down"></i></a>
															<ul>
																<li><a href="">English 1</a></li>
																<li><a href="">English 2</a></li>
																<li><a href="">English 3</a></li>
																<li><a href="">English 4</a></li>
															</ul>
														</li>
													</ul>
												</div>
												<div class="header-link">
													<ul>
														<li><a class="account" href="mycenter.html">个人中心<i class="fa fa-angle-down"></i></a>
															<ul>
																<li><a href="myWallet.html">我的账户</a></li>
																<li><a href="myMessage.html">个人信息</a></li>
																<li><a href="collection.html">我的收藏</a></li>
																<li><a href="site.html">地址管理</a></li>
																<li><a href="chat.html">消息中心</a></li>
															</ul>
														</li>
													</ul>
												</div>
											</div><!-- End Header Link Area -->
										</div><!-- End Header Top Right-->
									</div>
								</div>
							</div><!-- End Header Top Bar-->
						</div>
					</div>
				</div>
			</div><!-- End Header Top -->
			<!-- Header Bottom -->
			<div class="header-bottom">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<!-- Header Bottom Inner-->
							<div class="header-bottom-inner">
								<div class="row">
									<div class="col-md-3">
										<!-- Header Logo -->
										<div class="header-logo">
											<a href="index.html" ><img src="img/logo/码上拍 (4)_gaitubao_124x118_gaitubao_73x69.png"  ></a>
										</div>
									</div>
									<div class="col-md-9">
										<!-- Header Bottom Right -->
										<div class="header-bottom-right">
											<!-- All Categorie -->
											<div class="all-categories">
												<div class="search-cat">
													<select id="product-categori" >
														<option value="0">商品分类</option>
														<option value="1">笔记本电脑</option>
														<option value="1">智能手机</option>
														<option value="3">摄影摄像</option>
														<option value="4">其他</option>
													</select>
												</div>
											</div><!-- End All Categorie -->
											<div class="header-search">
<!--												<form action="#">-->
													<input type="text" class="input-text" name="q" id="search" placeholder="输入商品信息">
													<button type="submit" onclick="searchGoods()"><i class="fa fa-search"></i></button>
<!--												</form>-->
											</div>
											<!-- Header Cart Area-->
											<div class="header-cart-area">
												<div class="header-cart">
													<ul>
														<li><a href="collection.html"><i class="fa fa-shopping-cart"></i></a>
													</ul>
												</div>
											</div><!-- End Header Cart Area-->
										</div><!-- End Header Bottom Right -->
									</div>
								</div>
							</div><!-- End Header Bottom Inner-->
						</div>
					</div>
				</div>
			</div><!-- End Header Bottom -->
		</div><!-- End Header Area -->
		<!-- Main Menu Area -->
		<div class="main-menu-area main-menu-area-2">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="row">
							<div class="col-md-3">
								<!-- Category Menu -->
								<div class="category-menu hidden-xs hidden-sm">
									<div class="category-menu-title">
										<h2>商品分类</h2>
									</div>
									<div class="categorie-list">
										<ul>
											<li><a href="shop.html?1"><img src="img/icon/m1.png" alt="icon">笔记本电脑<i class="fa fa-caret-right"></i></a>
											</li>
											<li><a href="shop.html?2"><img src="img/icon/m2.png" alt="icon">智能手机<i class="fa fa-caret-right"></i></a>
											</li>
											<li><a href="shop.html?3"><img src="img/icon/m5.png" alt="icon">数码相机<i class="fa fa-caret-right"></i></a>
											</li>
											<li><a href="shop.html?4"><img src="img/icon/m6.png" alt="icon">其他<i class="fa fa-caret-right"></i></a>
											</li>
										</ul>
									</div>
								</div><!-- End Category Menu -->
							</div>
							<div class="col-md-9">
								<!-- Manin Menu -->
								<div class="main-menu hidden-xs hidden-sm">
									<nav>
										<ul>
											<li><a href="index.html" class="active">首页</a></li>
											<li><a href="shop.html" class="active">商场</a></li>
											<li><a href="">买家中心</a>
											  <ul class="sub-menu">
													<li><a href="collection.html" >我的收藏</a></li>
													<li><a href="buyer-order.html">买家订单</a></li>
												</ul>
											</li>
											<li><a href="">卖家中心</a>
											  	<ul class="sub-menu">
													<li><a href="putaway.html">出售商品</a></li>
													<li><a href="abortive-accout.html">商品管理</a></li>
													<li><a href="seller-order.html">卖家订单</a></li>
												</ul>
											</li>
										</ul>
									</nav>
								</div><!-- End Manin Menu -->
								<!-- Start Mobile Menu -->
								<div class="mobile-menu hidden-md hidden-lg">

								</div><!-- End Mobile Menu -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div><!-- End Main Menu Area -->
		</div>
        <script src="js/vendor/jquery-1.11.3.min.js"></script>
		<!-- bootstrap JS
		============================================ -->
        <script src="js/bootstrap.min.js"></script>
		<!-- nivo slider js
		============================================ -->
		<script src="js/jquery.nivo.slider.pack.js"></script>
		<!-- Mean Menu js
		============================================ -->
        <script src="js/jquery.meanmenu.min.js"></script>
		<!-- price-slider JS
		============================================ -->
        <script src="js/jquery-price-slider.js"></script>
		<!-- Simple Lence JS
		============================================ -->
		<script type="text/javascript" src="js/jquery.simpleGallery.min.js"></script>
		<script type="text/javascript" src="js/jquery.simpleLens.min.js"></script>
		<!-- owl.carousel JS
		============================================ -->
        <script src="js/owl.carousel.min.js"></script>
		<!-- scrollUp JS
		============================================ -->
        <script src="js/jquery.scrollUp.min.js"></script>
		<!-- DB Click JS
		============================================ -->
        <script src="js/dbclick.min.js"></script>
		<!-- Countdown JS
		============================================ -->
        <script src="js/jquery.countdown.min.js"></script>
		<!-- plugins JS
		============================================ -->
        <script src="js/plugins.js"></script>
		<!-- main JS
		============================================ -->
        <script src="js/main.js"></script>
	    <script src="js/vue.min.js"></script>
	    <script src="js/axios.min.js"></script>


	    <script>
			function  searchGoods() {
				var search=document.getElementById("search").value;
				if(search==null){
					alert("输入为空")
				}else{
					window.location.href="shop.html?"+1+"&"+search;
				}
			};
			var vm = new Vue({
				el: '#item_box',
				data(){
					return {
						item: null, id: 100,
					}
				},
				methods: {
					nologin:function (gid) {
						var temp=this;
						axios.post('/web-goods/buyer/nologin')
								.then(
									 item=1
								)
								.catch(function (error) { // 请求失败处理
									alert(error);
									console.log(error);
								});
					}
				},
				mounted () {
					var temp = this;
					axios
							.get('/web-goods/buyer/login')
							.then(
									response => {
										if (response.data.code == 200) {
											temp.item = 1
										} else if(response.data.code == 300){
											temp.item = 2
										}
									}
							)
							.catch(function (error) { // 请求失败处理
								alert(error);
								console.log(error);
							});
				}
			})
		</script>
    </body>
    	<!-- jquery

</html>
